const GRAPHT_YPES = {
  BRUSH: "BRUSH", // 画笔
  ERASER: "ERASER", // 橡皮擦

  TEXT: "TEXT", // 文字
  LINE: "LINE", // 线
  RECT: "RECT", // 矩形
  CIRCLE: "CIRCLE", // 圆

  MOVE: "MOVE" // 移动画布
};

// 绘图类型
const drawTypes = [GRAPHT_YPES.LINE, GRAPHT_YPES.RECT, GRAPHT_YPES.CIRCLE];

const predefineColors = [
  "rgba(0, 0, 0, 0)",
  "rgba(0, 0, 0, 0.5)",
  "rgba(0, 0, 0, 1)",
  "#ff4500",
  "#ff8c00",
  "#ffd700",
  "#90ee90",
  "#00ced1",
  "#1e90ff",
  "#c71585",
  "rgba(255, 69, 0, 0.68)",
  "rgb(255, 120, 0)",
  "hsv(51, 100, 98)",
  "hsva(120, 40, 94, 0.5)",
  "hsl(181, 100%, 37%)",
  "hsla(209, 100%, 56%, 0.73)",
  "#c7158577"
];

const graphTypes = [
  {
    label: "自由绘画",
    options: [
      { label: "画笔", value: GRAPHT_YPES.BRUSH },
      { label: "橡皮擦", value: GRAPHT_YPES.ERASER }
    ]
  },
  {
    label: "图形",
    options: [
      { label: "文本", value: GRAPHT_YPES.TEXT },
      { label: "线形", value: GRAPHT_YPES.LINE },
      { label: "矩形", value: GRAPHT_YPES.RECT },
      { label: "圆形", value: GRAPHT_YPES.CIRCLE }
    ]
  },
  {
    label: "功能性",
    options: [{ label: "移动画布", value: GRAPHT_YPES.MOVE }]
  }
];

export { predefineColors, GRAPHT_YPES, drawTypes, graphTypes };
